<template>
    <div class="wrap">
    <header-v></header-v>
		<div class="news-content">
			<div class="tab">
				<router-link to="">公司新闻</router-link>
				<router-link to="">媒体报道</router-link>
				<router-link to="">行业动态</router-link>
			</div>
			<div class="content">
				<ul>
					<li>
						<router-link to="">出境提示：旅游局提示暂缓赴牙买加旅游</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">以色列入境旅游增速显著 2012欲达全球400万游客</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">美联航客机遇乱流下坠 致至少6名乘客受伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">美联航客机遇乱流下坠 致至少6名乘客受伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">个人赴日游门槛降低 持信用卡金卡可申请签证</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">夏季出游需预防中暑</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">四川千里自驾 黯然掠过北川灾后的余伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">四川千里自驾 黯然掠过北川灾后的余伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
				</ul>
			</div>
			<div class="page">
				<router-link to="/" class="num"> < </router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num">4</router-link>
				<router-link to="/" class="num">5</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
		</div>
    <footer-v></footer-v>
  </div>
</template>


<script>
import footer from '../public/footer'
import header from '../public/header'

export default {
    components: {
        footerV : footer,
        headerV : header
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css" scoped="scoped">
	/* newsList.style */
	.tab{overflow:hidden; margin:0.2rem auto;}
	.tab a{display:block; width:0.8rem; height:0.34rem; background:rgba(0,134,205,1); text-align:center; line-height:0.34rem; color:#fff; float:left; margin-left:0.2rem; margin-bottom:0.15rem;}
	.content ul{padding: 0 0.1rem; overflow: hidden;}
	.content li{width: 100%; border-bottom: 0.01rem dashed #eee; margin-bottom: 0.1rem; padding-bottom: 0.1rem;}
	.content li a{color: #5A5A5A; line-height: 0.25rem;}
	.content li a:hover{color:#0086cd;}
	.content li p{color:#929292;}
</style>
